<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        @import url(http://fonts.useso.com/css?family=Vesper+Libre:500);
        body {
            background: url("../img/paper.jpg");
        }
        .container__main {
            max-width: 600px;
            margin: 0 auto;
            padding: 2em 1em;
        }
        .container__centered {
            padding: 1em 3em 1em 5em;
            border: 10px solid #3e4545;
        }
        .grit {
            -webkit-mask-image: url(../img/a.png);
            -moz-mask-image: url(../img/a.png);
            -o-mask-image: url(../img/a.png);
            mask-image: url(../img/a.png);
        }
        p {
            color: #3e4545;
            font-family: 'Vesper Libre', serif;
            font-size: 60px;
            line-height: 120%;
            text-shadow: 2px 2px 4px rgba(225, 225, 225, 0.35);
        }
    </style>
</head>
<body>
<div class="container__main">
    <div class="container__centered grit">
        <p>Tomorrow may be too late. —
            <br /> Live, think, & act for today.</p>
    </div>
</div>
</body>
</html>